<div class="baodu-list">
    
  <div class="baodu-list-header">
    <app-left-line [text]="'自助抄表'"></app-left-line>
    <button nz-button nzType="primary" (click)="addClick()"
      style="font-family:PingFangSC-Regular;font-size:16px;border-radius: 0;"
    >
      + 新增抄表
    </button>
  </div>

  <div class="baodu-list-main card">
    <nz-table #smallTable nzSize="small"
      [nzData]="dataSet"
      [nzLoading]="nzTableLoading"
      [nzTotal]="nzTotal"
      [nzShowPagination]="false"
    >
      <thead>
        <tr>
          <th>序号</th>
          <th *ngFor="let col of colNames | dealObj: 'value'">{{ col }}</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of smallTable.data; let i = index">
          <td>{{ i + 1 }}</td>
          <td>{{ data['usageCode'] }}</td>
          <td>{{ data['name'] }}</td>
          <td>{{ data['address'] }}</td>
          <td>
            <button nz-button nzType="link" (click)="handleBack(data)"
            >详情</button>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>

  <div class="my-pagination">
    <nz-pagination [nzTotal]="nzTotal" nzShowSizeChanger 
      [(nzPageSize)]="pageSize"
      [(nzPageIndex)]="pageNumber"
      (nzPageSizeChange)="_getReportList()"
      (nzPageIndexChange)="_getReportList()"
    >

    </nz-pagination>
  </div>
</div>
